<template>
  <ul>
    <li class="item" v-for="(d,i) in list" :key="i">{{d}}</li>
  </ul>
</template>

<script>
import fontZoom from './font-zoom'
export default {
  props: {
    list: Array
  },
  mounted () {
    this.update()
  },
  watch: {
    list () {
      this.update()
    }
  },
  methods: {
    update () {
      this.$nextTick(function () {
        fontZoom(this.$el)
      })
    }
  }
}
</script>

<style scoped>
.item {
  text-align: center;
}
</style>

